<template>
<div style="
  height: 100%;
  width: 100%;">
  <div class="title">
    <p class="subtitle">尊敬的考生{{number}}，您选择了:</p>
    <p class="select">{{ topic }}</p>
    <div class="button"><el-button @click="back()" type="primary">返回</el-button></div>
  </div>
</div>
</template>

<script>

export default {
  data() {
    return {
      topic: '',
      number: ''
    }
  },
  created() {
    this.number = this.$route.params.id
    this.topic = this.$store.state.message.select
    this.$store.commit('setShow', true)
  },
  methods: {
    back(){
     this.$router.push({ name: 'verify'})
    }
  }
}
</script>

<style lang="scss" scoped>


.title{
  font-size: 40px;
  font-family: "宋体", "Times New Roman";
    color: white;
    margin-top: 10%;
    margin-left: 20%;
    .select{
      margin-top: 5%;
      text-align: center;
    }
    .button{
      margin-left:32%;
      .el-button{
        width: 150px;
      }
    }
}
</style>
